$(function (){
	$("#j_aside_list .l1i em").click(function (){
		var $li = $(this).parents(".l1i");
		var flag = $li.is(".active");
		if(flag) $li.removeClass("active");
		else $li.addClass("active");
	});
	$("#j_listStore").j_hideandshow($("#j_listRegion"),function (){
		$("#j_listStore .text").addClass("hover");
	},function (){
		$("#j_listStore .text").removeClass("hover");
	});

	//小图片init
	if($("#j_items").length>0){
		var ulWidth = $("#j_items li").length*62;
		$("#j_items ul").css("width",ulWidth);
		if(ulWidth>310) $("#j_items .next").addClass("activeNext");
	}
	
	$("#j_items a").click(function (){
		var prevFlag = $(this).is(".activePrev");
		var nextFlag = $(this).is(".activeNext");
		var $ul = $("#j_items ul");
		var _left = $ul.css("marginLeft").replace(/px/g,"");
		_left = parseInt(_left,10);

		if(prevFlag){
			if(_left<0){
				$ul.stop(true,false);
				$ul.css("marginLeft",_left).animate({"marginLeft":(_left+62)},500,function(){
					$("#j_items .next").addClass("activeNext");
				});
			}
			if(_left==-62){
				$(this).removeClass("activePrev");
			}
		} else if(nextFlag){
			if(310-_left<ulWidth){
				$ul.stop(true,false);
				$ul.css("marginLeft",_left).animate({"marginLeft":(_left-62)},500,function(){
					$("#j_items .prev").addClass("activePrev");
				});
			} 
			if(310-_left+62==ulWidth){
				$(this).removeClass("activeNext");
			}
		}
		return false;
	});

	$("#j_items li img").mouseover(function (){
		$("#j_items li img").removeClass("liimgOver");
		$(this).addClass("liimgOver");
		var bimg = $(this).attr("bimg");
		$(".imageDraw img,.buildImages img").attr("src",bimg);
	});

	//magnify
	var $filterLayer = $(".filterLayer");
	var halfWidth = $filterLayer.width()/2;
	var $buildImages = $(".buildImages");
	var $preview = $(".buildImages img");
	var Magnify = {
		init:function(event,_this){
			$filterLayer.show();
			$buildImages.show();
			Magnify.selfY = $(_this).offset().top;
			Magnify.selfX = $(_this).offset().left;
			Magnify.moveWidth = $(_this).width();
			Magnify.preHeight = $buildImages.height(),Magnify.preWidth = $buildImages.width();
			document.onmousemove = Magnify.fnMoveing;
			$(_this)[0].onmouseout = Magnify.fnEnd;
		},
		fnMoveing:function (event){
			var event = EventUtil.getEvent(event);
			Magnify.clientY = event.clientY+HtmlObj.getScrollTop();
			Magnify.clientX = event.clientX+HtmlObj.getScrollLeft();
			var y  = Magnify.clientY-Magnify.selfY;
			if(y<halfWidth){
				$filterLayer.css("top",0);
			} else if(y>=Magnify.moveWidth-halfWidth){
				$filterLayer.css("top",Magnify.moveWidth-(halfWidth*2));
			}else {
				$filterLayer.css("top",(y-halfWidth));
			}
			var x  = Magnify.clientX-Magnify.selfX;

			if(x<halfWidth){
				$filterLayer.css("left",0);
			} else if(x>=Magnify.moveWidth-halfWidth){
				$filterLayer.css("left",Magnify.moveWidth-(halfWidth*2));
			}else {
				$filterLayer.css("left",(x-halfWidth));
			}
			Magnify.fnPreview(x,y);
		},
		fnPreview:function(x,y){
			var posTop = parseInt($filterLayer.css("top").replace(/px/g,""),10);
			var posLeft = parseInt($filterLayer.css("left").replace(/px/g,""),10);
			var averge = 1.7;//Magnify.preWidth/(halfWidth*2);
			$preview.get(0).style.cssText="margin-top:-"+(posTop*averge)+"px;margin-left:-"+(posLeft*averge)+"px;width:"+(Magnify.preWidth*averge)+"px;height:"+(Magnify.preWidth*averge)+"px;";
		},
		fnEnd:function(){
			$filterLayer.hide();
			$buildImages.hide();
			document.onmousemove =null;
		}
	};

	$(".imageDraw").mouseover(function (event){
		Magnify.init(event,this);
	});

	$("#j_listStore").j_hideandshow($("#j_listRegion"),function (){
		$("#j_listStore").addClass("hover");
	},function (){
		$("#j_listStore").removeClass("hover");
	});

	// recommend suits
	var $suitlis = $(".fitting .selected li");
	var suitlen = $suitlis.length;
	if(suitlen){
		$(".fitting .suits .selected").css("width",145*suitlen);
	}
	$(".serviceStore li").click(function (){
		var tag = $(this).attr("tag");
		var sel = $(this).is(".selected");
		if(sel) return false;
		$(".serviceStore .selected").removeClass("selected");
		$(this).addClass("selected");
		var $fitting = $(".recommend .fitting");
		var $service = $(".recommend .service");
		var flag = $fitting.is(".hide");
		var flag2 = $service.is(".hide");
		if(tag==1){
			if(flag) $fitting.removeClass("hide"); 
			if(!flag2) $service.addClass("hide"); 
		} else if(tag==2){
			if(!flag) $fitting.addClass("hide");
			if(flag2) $service.removeClass("hide"); 
		}
		return false;
	});
	$(".introduce .productItems li").click(function(){
		var tag = $(this).attr("tag");
		var $product_introduce = $(".introduce .product_introduce");
		var $product_parmeter = $(".introduce .product-parmeter");
		var $product_order = $(".introduce .product-order");
		var $after_sale_service = $(".introduce .after-sale-service");
		var $buy_notice= $(".introduce .buy-notice");
		var sel = $(this).is(".selected");
		if(sel) return false;
		$(".introduce .productItems .selected").removeClass("selected");
		$(this).addClass("selected");
		if(tag==1){
			$product_introduce.removeClass("hide");
			$product_parmeter.addClass("hide");
			$product_order.addClass("hide");
			$after_sale_service.addClass("hide");
			$buy_notice.addClass("hide");
		} else if(tag==2){
			$product_introduce.addClass("hide");
			$product_parmeter.removeClass("hide");
			$product_order.addClass("hide");
			$after_sale_service.addClass("hide");
			$buy_notice.addClass("hide");
		} else if(tag==3){
			$product_introduce.addClass("hide");
			$product_parmeter.addClass("hide");
			$product_order.removeClass("hide");
			$after_sale_service.addClass("hide");
			$buy_notice.addClass("hide");
		} else if(tag==4){
			$product_introduce.addClass("hide");
			$product_parmeter.addClass("hide");
			$product_order.addClass("hide");
			$after_sale_service.removeClass("hide");
			$buy_notice.addClass("hide");
		} else if(tag==5){
			$product_introduce.addClass("hide");
			$product_parmeter.addClass("hide");
			$product_order.addClass("hide");
			$after_sale_service.addClass("hide");
			$buy_notice.removeClass("hide");
		}
		return false;
	});
	(function(){
		var $good = $(".quartz .good");
		var $general = $(".quartz .general");
		var $bad = $(".quartz .bad");
		if($good.length>0){
			var data = $good.attr("data");
			$good.find(".bg span").css("width",data);
			$good.find(".persent").html(data+"%");
		}
		if($general.length>0){
			var data = $general.attr("data");
			$general.find(".bg span").css("width",data);
			$general.find(".persent").html(data+"%");
		}
		if($good.length>0){
			var data = $bad.attr("data");
			$bad.find(".bg span").css("width",data);
			$bad.find(".persent").html(data+"%");
		}
	})();
	
	$(".evaluate .items li").click(function (){
		var tag = $(this).attr("tag");
		var $allComment = $(".evaluate .allComment");
		var $goodcomment = $(".evaluate .goodcomment");
		var $generalcomment = $(".evaluate .generalcomment");
		var $badcomment = $(".evaluate .badcomment");
		var sel = $(this).is(".selected");
		if(sel) return false;
		$(".evaluate .items .selected").removeClass("selected");
		$(this).addClass("selected");
		if(tag==1){
			$allComment.removeClass("hide");
			$goodcomment.addClass("hide");
			$generalcomment.addClass("hide");
			$badcomment.addClass("hide");
		} else if(tag==2){
			$allComment.addClass("hide");
			$goodcomment.removeClass("hide");
			$generalcomment.addClass("hide");
			$badcomment.addClass("hide");
		} else if(tag==3){
			$allComment.addClass("hide");
			$goodcomment.addClass("hide");
			$generalcomment.removeClass("hide");
			$badcomment.addClass("hide");
		} else if(tag==4){
			$allComment.addClass("hide");
			$goodcomment.addClass("hide");
			$generalcomment.addClass("hide");
			$badcomment.removeClass("hide");
		}
		return false;
	});

	
	$(".consult .items li").click(function (){
		var tag = $(this).attr("tag");

		var sel = $(this).is(".selected");
		if(sel) return false;
		$(".consult .items .selected").removeClass("selected");
		$(this).addClass("selected");

		var $consults0 = $(".consult .consults-0");
		var $consults1 = $(".consult .consults-1");
		var $consults2 = $(".consult .consults-2");
		var $consults3 = $(".consult .consults-3");
		var $consults4 = $(".consult .consults-4");
		var $consults5 = $(".consult .consults-5");
		var $consults6 = $(".consult .consults-6");
		var $consults7 = $(".consult .consults-7");

		if(tag==1){
			$consults0.removeClass("hide");
			$consults1.addClass("hide");
			$consults2.addClass("hide");
			$consults3.addClass("hide");
			$consults4.addClass("hide");
			$consults5.addClass("hide");
			$consults6.addClass("hide");
			$consults7.addClass("hide");
		} else if(tag==2){
			$consults0.addClass("hide");
			$consults1.removeClass("hide");
			$consults2.addClass("hide");
			$consults3.addClass("hide");
			$consults4.addClass("hide");
			$consults5.addClass("hide");
			$consults6.addClass("hide");
			$consults7.addClass("hide");
		} else if(tag==3){
			$consults0.addClass("hide");
			$consults1.addClass("hide");
			$consults2.removeClass("hide");
			$consults3.addClass("hide");
			$consults4.addClass("hide");
			$consults5.addClass("hide");
			$consults6.addClass("hide");
			$consults7.addClass("hide");
		} else if(tag==4){
			$consults0.addClass("hide");
			$consults1.addClass("hide");
			$consults2.addClass("hide");
			$consults3.removeClass("hide");
			$consults4.addClass("hide");
			$consults5.addClass("hide");
			$consults6.addClass("hide");
			$consults7.addClass("hide");

		} else if(tag==5){
			$consults0.addClass("hide");
			$consults1.addClass("hide");
			$consults2.addClass("hide");
			$consults3.addClass("hide");
			$consults4.removeClass("hide");
			$consults5.addClass("hide");
			$consults6.addClass("hide");
			$consults7.addClass("hide");

		} else if(tag==6){
			$consults0.addClass("hide");
			$consults1.addClass("hide");
			$consults2.addClass("hide");
			$consults3.addClass("hide");
			$consults4.addClass("hide");
			$consults5.removeClass("hide");
			$consults6.addClass("hide");
			$consults7.addClass("hide");

		} else if(tag==7){
			$consults0.addClass("hide");
			$consults1.addClass("hide");
			$consults2.addClass("hide");
			$consults3.addClass("hide");
			$consults4.addClass("hide");
			$consults5.addClass("hide");
			$consults6.removeClass("hide");
			$consults7.addClass("hide");

		} else if(tag==8){
			$consults0.addClass("hide");
			$consults1.addClass("hide");
			$consults2.addClass("hide");
			$consults3.addClass("hide");
			$consults4.addClass("hide");
			$consults5.addClass("hide");
			$consults6.addClass("hide");
			$consults7.removeClass("hide");
		}
		return false;
	});
	$(".discuss .items li").click(function (){
		var tag = $(this).attr("tag");
		var sel = $(this).is(".selected");
		if(sel) return false;
		$(".discuss .items .selected").removeClass("selected");
		$(this).addClass("selected");
		var $discuss0 = $(".discuss .discuss-0");
		var $discuss1 = $(".discuss .discuss-1");
		var $discuss2 = $(".discuss .discuss-2");
		var $discuss3 = $(".discuss .discuss-3");
		var $discuss4 = $(".discuss .discuss-4");
		if(tag==1){
			$discuss0.removeClass("hide");
			$discuss1.addClass("hide");
			$discuss2.addClass("hide");
			$discuss3.addClass("hide");
			$discuss4.addClass("hide");
		} else if(tag==2){
			$discuss0.addClass("hide");
			$discuss1.removeClass("hide");
			$discuss2.addClass("hide");
			$discuss3.addClass("hide");
			$discuss4.addClass("hide");
		} else if(tag==3){
			$discuss0.addClass("hide");
			$discuss1.addClass("hide");
			$discuss2.removeClass("hide");
			$discuss3.addClass("hide");
			$discuss4.addClass("hide");
		} else if(tag==4){
			$discuss0.addClass("hide");
			$discuss1.addClass("hide");
			$discuss2.addClass("hide");
			$discuss3.removeClass("hide");
			$discuss4.addClass("hide");
		} else if(tag==5){
			$discuss0.addClass("hide");
			$discuss1.addClass("hide");
			$discuss2.addClass("hide");
			$discuss3.addClass("hide");
			$discuss4.removeClass("hide");
		}
		return false;
	});
	$(".t-mobile .items li").click(function (){
		var tag = $(this).attr("tag");

		var sel = $(this).is(".selected");
		if(sel) return false;
		$(".t-mobile .items .selected").removeClass("selected");
		$(this).addClass("selected");

		var $tmoble0 = $(".t-mobile .tmoble0");
		var $tmoble1 = $(".t-mobile .tmoble1");
		var $tmoble2 = $(".t-mobile .tmoble2");
		if(tag==1){
			$tmoble0.removeClass("hide");
			$tmoble1.addClass("hide");
			$tmoble2.addClass("hide");
		} else if(tag==2){
			$tmoble0.addClass("hide");
			$tmoble1.removeClass("hide");
			$tmoble2.addClass("hide");
		} else if(tag==3){
			$tmoble0.addClass("hide");
			$tmoble1.addClass("hide");
			$tmoble2.removeClass("hide");
		}
		return false;
	});
});



















